{extend name="default/users/base" /}
{block name="title"}售后申请列表 - 买家中心{__block__}{/block}
{block name="css"}
{/block}
{block name="content"}
<style>
    .j-order-row{text-align: center;}
    .j-order-row td{border: 1px solid #f2f2f2;}
    .gImg{width:50px;height:50px;margin: 5px 5px 5px 0;}
</style>
<div class="wst-user-head"><span>售后申请列表</span></div>
<div class='wst-user-tbar'>
    订单号：<input type='text' class="u-query" id='orderNo' />
    <button class="wst-sec-but u-btn" onclick="queryPage()">查询</button>
</div>
<div class='wst-user-content'>
    <table class='wst-order-list' style="border-collapse: collapse;">
        <thead>
            <tr class='head'>
                <th width="200">订单编号</th>
                <th>售后商品</th>
                <th width="115">申请时间</th>
                <th width="115">售后类型</th>
                <th width="115">状态</th>
                <th width="110">操作</th>
            </tr>
        </thead>
        <tbody id='loadingBdy' style='display:none'>
            <tr id='loading' class='empty-row'>
                <td colspan='4'><img src="__STYLE__/img/loading.gif">正在加载数据...</td>
            </tr>
        </tbody>

        <script id="tblist" type="text/html">
        {{# for(var i = 0; i < d.length; i++){ }}
            <tbody class="j-order-row">
                <tr>
                    <td>{{d[i].orderNo}}</td>
                    <td>
                        {{# 
                            var imgCode = d[i].gImgs.map(function(item){
                                return "<img data-original='__RESOURCE_PATH__/"+item+"' class='gImg'>"
                            });
                            imgCode = imgCode.join('')
                         }}
                        {{ imgCode }}

                    </td>
                    <td>{{d[i].createTime}}</td>
                    <td>{{d[i].goodsServiceTypeText}}</td>
                    <td>{{d[i].statusText}}</td>
                    {{# 
                        var props = {id:d[i].id};  
                    }}
                    <td><div><a href='{{WST.U('home/orderservices/detail',props)}}'>【查看】</a></div></td>
                </tr>
            </tbody>
        {{# } }}
       </script>
       <tr class='empty-row'>
            <td colspan='4' id='pager' align="center" style='padding:5px 0px 5px 0px'>&nbsp;</td>
       </tr>
    </table>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/users/orderservices/orderservices.js?v={$v}'></script>
<script>
    $(function () {
        queryPage({$p});
    })
</script>
{/block}